// edX: Certificates - Navigation
// ====================

// general
%nav {

  ol, ul {
    @extend %no-list;
  }

  .nav__item {

    .action {

    }
  }
}

// archetype: nav - horizontal
%nav--inline {
  @extend %nav;

  .nav__item, .item {
    display: inline-block;
    vertical-align: middle;

    .action {

    }
  }
}

// archetype: nav - vertical
%nav--blocks {
  @extend %nav;

  .nav__item {
    display: block;

    .action {

    }
  }
}

// archetype: nav - tabs
%nav--tabs {
  @extend %nav;

  .nav__item {

    .action {

    }
  }
}

// archetype: nav - pagination
%nav--pagination {
  @extend %nav;

  .nav__item {

    .action {

    }
  }
}

// archetype: nav - dropdown
%nav--dropdown {
  @extend %nav;

  .nav__item {

    .action {

    }
  }
}

// ====================

// application: secondary navigation
%nav--secondary {

  .nav__item {

    .action {

    }
  }

  &.horizontal {

  }

  &.vertical {

  }
}
